<template>
  <div id="components-modal-demo-position">
    <a-modal
      centered
      :visible="true"
      title="恭喜您已完成注册！"
      :footer="null"
      @cancel="cancel"
      class="addForm"
    >
      <p>{{ ModalText }}</p>
      <div class="btnClass">
        <a-button @click="company" class="cancel commonBtn"
          >企业注册用户</a-button
        >
        <a-button type="primary" class="commonBtn" @click="person"
          >个人注册用户</a-button
        >
      </div>
    </a-modal>
  </div>
</template>
<script>
export default {
  props: {
    registerForm: Object
  },
  data() {
    return {
      ModalText: '为了为您提供更精准、全面的知识产权服务，首页注册成功还需完成相关账号认证，请选择您本次注册的账号类别。',
      Visible: true,
      confirmDirty: false
    }
  },
  mounted() { },
  methods: {
    cancel() {
      this.$emit('cancel')
    },
    person(e) {
      console.log(e);
      this.visible = false;
      this.$router.push({ name: 'personAuth', query: { ...this.registerForm } })
    },
    company(e) {
      console.log(e);
      this.visible = false;
      this.$router.push({ name: 'companyAuth', query: { ...this.registerForm } })
    },
  }
}
</script>
<style lang="scss" scoped>
::v-deep .ant-modal-header {
  border: none;
}
::v-deep .ant-modal-title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}
.btnClass {
  margin-top: 20px;
  .ant-btn {
    background: #2d5acb;
    color: #fff;
    border: 1px solid #2d5acb;
  }
}
</style>
